﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Goodsadd.aspx.cs" Inherits="Web.Goodsadd" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <style>
        .button3 {
    width: 200px;
    height: 46px;
    line-height: 46px;
    background-color: #2e82ff;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    border-radius: 27px;
    position: relative;
}
.button3::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%);
    background-size: 200%;
    animation: wipes 1s infinite;
}
.button3:hover{
    background-color:green;
}
@keyframes wipes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

         .riqi{
            padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid black;  background-color: #fff;  border-radius: 2px;
        }
           .text6{
            padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid black;  background-color: #fff;  border-radius: 2px;
        }
            .p1{
            padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid black;  background-color: #fff;  border-radius: 2px;
        }
              .p2{
            padding-left: 10px; height: 38px; min-width: 274px; line-height: 38px; border: 1px solid black;  background-color: #fff;  border-radius: 2px;
        }
        .da{

    margin-top:2%;
    margin-left:5%;
}
        #divfont{
            text-align:center;
            margin-left:100%;
            width:100%;
        }
        
         #divfont p{
            margin-top:5%;
        }
       
       .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}@font-face{font-family:laydate-icon;src:url(font/iconfont.eot);src:url(font/iconfont.eot#iefix) format('embedded-opentype'),url(font/iconfont.svg#iconfont) format('svg'),url(font/iconfont.woff) format('woff'),url(font/iconfont.ttf) format('truetype')}.laydate-icon{font-family:laydate-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:laydate-downbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@keyframes laydate-downbit{0%{opacity:.3;transform:translate3d(0,-5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;padding:0 5px;color:#999;font-size:18px;cursor:pointer}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-set-ym span{padding:0 10px;cursor:pointer}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px}.layui-laydate-footer span{display:inline-block;vertical-align:top;height:26px;line-height:24px;padding:0 10px;border:1px solid #C9C9C9;border-radius:2px;background-color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-footer span:hover{color:#5FB878}.layui-laydate-footer span.layui-laydate-preview{cursor:default;border-color:transparent!important}.layui-laydate-footer span.layui-laydate-preview:hover{color:#666}.layui-laydate-footer span:first-child.layui-laydate-preview{padding-left:0}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{margin:0 0 0 -1px}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;height:30px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#B5FFF8}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eee;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}
        .auto-style1 {
            margin-left: 22px;
        }
           .new{
               width: 7%;
	height: 46px;
	background-color: #ededed;
	text-align: center;
	line-height: 40px;
	position: absolute;
	
	top: 100%;
    left:45%;
    z-index: 1;
    opacity: 0;
} 
        .button1{
            width:46%;
            height:46px;
            z-index: 2;
            background:none;
            border:1px dashed black ;
            margin-left:3%;
        }
           .p5{
            padding-left: 10px; height: 38px; min-width: 200px; line-height: 38px; border: 1px solid black;  background-color: #fff;  border-radius: 2px;
        }
     
    </style>
    <h1 class="da">添加商品</h1>
    <div id="divfont">
        <p>
             <asp:Label ID="Label1"  runat="server" Text="商品名称:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox1" CssClass="p1" runat="server"></asp:TextBox>
        </p>
       
        <p>
             <asp:Label ID="Label2" runat="server" Text="商品类型:" Font-Size="X-Large"></asp:Label>
           <asp:DropDownList ID="DropDownList1" CssClass="p2" runat="server"></asp:DropDownList>
        </p>
         <p>
             <asp:Label ID="Label3" runat="server" Text="商品价格:" Font-Size="X-Large"></asp:Label>
                <asp:TextBox ID="TextBox3" CssClass="p1" runat="server"></asp:TextBox>
        </p>
         <p>
             <asp:Label ID="Label4" runat="server" Text="商品简介:" Font-Size="X-Large"></asp:Label>
           <asp:TextBox ID="TextBox4" CssClass="p1" runat="server"></asp:TextBox>
        </p>
         <p>
             <asp:Label ID="Label5" runat="server" Text="商品数量:" Font-Size="X-Large"></asp:Label>
           <asp:TextBox ID="TextBox2" CssClass="p1" runat="server"></asp:TextBox>
        </p>
         
       
         <p>
             <asp:Label ID="Label8"  runat="server" Text="商品简介路径1:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox5" CssClass="p5" runat="server"></asp:TextBox>
        </p>
       
         <p>
             <asp:Label ID="Label9"  runat="server" Text="商品简介路径2:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox6" CssClass="p5" runat="server"></asp:TextBox>
        </p>
       
         <p>
             <asp:Label ID="Label10"  runat="server" Text="商品简介路径3:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox7" CssClass="p5" runat="server"></asp:TextBox>
        </p>
       
         <p>
             <asp:Label ID="Label11"  runat="server" Text="商品简介路径4:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox8" CssClass="p5" runat="server"></asp:TextBox>
        </p>
         <p>
             <asp:Label ID="Label12"  runat="server" Text="商品简介路径5:" Font-Size="X-Large"></asp:Label>
        <asp:TextBox ID="TextBox9" CssClass="p5" runat="server"></asp:TextBox>
        </p>
        <p>
             <asp:Label ID="Label6" runat="server" Text="商品图片:" Font-Size="X-Large"></asp:Label>
               <asp:Button ID="Button3" CssClass="button1" runat="server" Text="上传照片" OnClick="Button3_Click" />
             <asp:FileUpload ID="FileUpload1" CssClass="new" runat="server" />
             
              <asp:Label ID="Label7" runat="server" Text="请上传图片"></asp:Label>

        </p>
         <p>
              <asp:Image ID="Image1" runat="server" CssClass="auto-style1" Height="86px" Width="376px" />

        </p>
         
        <p>
            <asp:Button ID="Button1" CssClass="button3" runat="server" Text="入库" OnClick="Button1_Click" />
            <asp:Button ID="Button2" CssClass="button3" runat="server" Text="重置" OnClick="Button2_Click" />
        </p>
       
    </div>
    <script src="Content/laydate.js"></script> <!-- 改成你的路径 -->
<script>
    lay('#version').html('-v' + laydate.v);

    //执行一个laydate实例
    laydate.render({
        elem: '.riqi'


    });
    laydate.render({
        elem: '.text6'
        , type: 'time'

    });
</script>
 </asp:Content>